草庐IT

ionic 侧栏菜单

全部标签

javascript - 如何在单击而不是悬停时打开 Superfish jQuery 菜单?

我在网上快速浏览了一下JoelBirch的Superfish菜单实现,它适用于onclick,而不是悬停。在Github上找到了KarlSwedberg的链接,它看起来像门票。https://gist.github.com/917446它就像一个魅力,直到我点击一个事件链接的那一刻,菜单关闭,并且似乎返回false。我怎样才能让它导航到实际的链接目的地? 最佳答案 Karl在GitHub上发布了一个快速更新来帮助我解决问题……这里:https://gist.github.com/652684那对我来说不太管用。从下面的链接中获取我的

javascript - 如何从弹出选项显示 Ionic 弹出窗口?

我的Ionic框架应用程序中有一个带有选项的弹出窗口:共享和删除。我需要在选择删除选项时显示确认弹出窗口,但我不知道如何操作。如何做到这一点?我需要为弹出窗口创建一个单独的Controller吗?我已经做了一个来自ActionSheet的弹出窗口,但这在某种程度上有所不同。这是Controller:$ionicPopover.fromTemplateUrl('templates/popover.html',{scope:$scope}).then(function(popover){$scope.popover=popover;});//Triggeredonabuttonclick,

javascript - 是否可以重新初始化 CKEditor 组合框/下拉菜单?

如何动态更新下拉列表中的项目?我有一个用于CKEditor的自定义插件,它使用一个项目列表填充一个下拉菜单,我可以将这些项目注入(inject)到我的textarea中。这个项目列表来自一个名为maptags的Javascript数组,它会为每个页面动态更新。varmaptags=[]当您第一次通过init:函数点击它时,这个标签列表会被添加到下拉列表中。我的问题是,如果该数组中的项目随着客户端更改页面上的内容而发生变化,我该如何将该列表重新加载到更新后的数组?这是我的CKEditor插件代码:CKEDITOR.plugins.add('mapitems',{requires:['ri

javascript - 在 ui-grid editableCellTemplate [ng-grid 3.x] 中使用 ng-option 下拉菜单

我正在使用ng-grid的新3.0版本ui-grid在我的应用程序中制作网格。我想要做的是将我表格中的一个可编辑单元格设为ng-options下拉列表中填充了使用Angular工厂检索的数据。我正在尝试使用editableCellTemplate来做到这一点ui-grid的特性。下面是一些示例代码:HTML:Controller:$scope.gridOptions={enableSorting:true,enableFiltering:true,enableCellEditOnFocus:true,columnDefs:[{field:'name',sort:{direction:'

javascript - Ionic 3 - 所有导入都是未使用的警告(即使它们正在使用中)

尝试使用以下命令运行产品构建时出现以下错误ioniccordovabuildbrowser--prod在终端中收到很多警告,例如FormBuilderisdeclaredbutneverused即使在我的代码中我正在导入它并使用它,例如import{Validators,FormGroup,FormBuilder}from'@angular/forms';publicform:FormGroup;constructor(privateformBuilder:FormBuilder){setForm(){this.form=this.formBuilder.group({password

javascript - Popper.js 下拉菜单/工具提示的初始位置错误

如果点击触发器,我使用popper.js显示更多帖子类别。但是我点击之后,初始位置是错误的(更右)。当popper打开并且我滚动popper的位置时更新-这个状态需要是初始的。我发现popper的CSS位置变换对于我的使用计算错误。但不明白,为什么在滚动或任何窗口调整大小后重新计算为正确的数字。检查下面的Codepen。我的JS:$(function(){varelement=document.getElementById('more-cats');vardropdown=document.getElementById('tooltip');varcatsTooltip=newPopp

javascript - ionic /Angular 传单指令 - 放大/缩小按钮不起作用

传单map上的默认放大/缩小按钮有一些问题。当我直接加载页面时一切正常,但是当我将一个状态更改为声明传单指令是按钮的状态时,它就不起作用了。举个例子http://codepen.io/anon/pen/JkyEg?editors=101代码:HTMLLeafletexample{{location.name}}LocationsJSangular.module('app',['ionic','leaflet-directive']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('loca

javascript - Javascript(Ionic)中两个移动设备之间的距离

对于我的一个项目,我目前想要构建一个Ionic应用程序,以便为iOS和Android平台编写一次代码。我正在寻找一种方法来测量两个移动设备之间的距离。一个设备应该放在一个特定的位置,另一个应该在进入第一个设备的范围(或者更具体地说是第一个设备所在的位置)时被检测到。位于特定位置的设备1将连接到互联网,访问该位置的设备2也是如此。我已经阅读了很多不同的实现,但大多数时候它需要用于Android或iOS的native代码。以下是我已经找到的解决方案:蓝牙:每部手机都有蓝牙,所以手机靠近另一部手机应该不难检测到,但这意味着要与另一台设备配对,这不太可能测量两个设备之间的距离。iBeacons

javascript - 使用 Ionic/AngularJS 和 Cordova 为 native 和 Web 应用程序使用相机

我正在尝试使用相机,我想知道您是否有任何关于如何使其在网络/native上工作的示例。我有这段代码,是从ng-cordova文档中借来的:$scope.takePicture=function(){varoptions={quality:75,destinationType:Camera.DestinationType.DATA_URL,sourceType:Camera.PictureSourceType.CAMERA,allowEdit:true,encodingType:Camera.EncodingType.JPEG,targetWidth:100,targetHeight:1

javascript - 键盘显示时 Ionic ion-content 不向下滚动 (Android)

我有一个带有登录表单的简单View。在Android上,如果键盘打开,内容不会向上滚动以防止它位于键盘后面。我按照文档中的键盘说明进行操作,并阅读了很多论坛帖子,但我还没有弄明白。我安装了键盘插件com.ionic.keyboard。这是页面的结构:.....Loginform.....如果我在页面中放置一些额外的虚拟内容,它表明ion-content确实是可滚动的。但是,当通过专注于输入打开键盘时,它不会向上移动。ionic版本?1.0.0-beta.13我的应用程序是全屏的吗?没有我是否测试过键盘插件是否正常工作?是的还有什么需要我做的吗? 最佳答案